<!-- 目录页面 -->
<div>
    <h2 style="text-align: center;">{{ sideMenuVM.title }}</h2>

    <!--<ul class="menu">-->
        <!--<li><a ui-sref="index.home">home</a></li>-->
        <!--<li><a href ui-sref="index.login">login</a></li>-->
    <!--</ul>-->


    <!-- as a Dom element -->
    <!--<treecontrol class="tree-classic"-->
                 <!--tree-model="dataForTheTree"-->
                 <!--options="treeOptions"-->
                 <!--on-selection="showSelected(node)"-->
                 <!--selected-node="node1">-->
        <!--employee: {{node.name}} age {{node.age}}-->
    <!--</treecontrol>-->
    <!-- as an attribute 属性 -->
    <!--<div treecontrol-->
         <!--class="tree-classic"-->
         <!--tree-model="sideMenuVM.dataForTheTree"-->
         <!--options="sideMenuVM.treeOptions"-->
         <!--on-selection="sideMenuVM.showSelected(node)"-->

         <!--selected-node="selected"-->
         <!--expanded-nodes="expandedNodes"-->
    <!--&gt;-->
        <!--{{node.name}}-->
    <!--</div>-->


    <side-menu-tree-directive menu-data="sideMenuVM.dataForTheTree"></side-menu-tree-directive>

</div>
<!-- END 目录页面 -->